/**
 * ref 字符串表示形式 『了解』
 */
import React, { Component } from 'react'

export default class RefCom1 extends Component {
  render() {
    return (
      <div>
        <input type="text" ref="input" /> <button onClick={this.show}>显示</button>
        <hr />
        <div ref="result" style={{width: 400, height: 300, border:'solid 1px #666'}}></div>
      </div>
    )
  }
  //单击事件的回调
  show = () => {
    // console.log(this.refs);
    //通过 ref 获得真实 dom 对象
    let value = this.refs.input.value;
    //设置 div 的文本
    this.refs.result.innerHTML = value;
  }
}
